<style>
    .customer {
        min-height: 500px;
        background: url(/_hongyanche/material/networkbg.jpg);
        background-size: cover;
        /*background-repeat: no-repeat;*/
    }

    .customer-wrap .customer-main {
        background: rgba(0, 0, 0, .3);
        padding-bottom: 55px;
    }

    .customer-header {
        margin-top: 75px;
    }

    .customer-header h1 {
        text-align: center;
        font-weight: 400;
        color: white;
        height: 84px;
        line-height: 84px;
    }

    .customer-content {
        text-align: center;
        padding: 35px 0;
    }

    .customer-content .service-item {
        display: inline-block;
        padding: 15px 25px;
        background: rgba(255, 165, 0, .2);
        color: white;
        cursor: pointer;
    }

    .service-item:hover {
        background: #FF8C00;
    }

    .service-item a {
        color: #fff
    }

    .service-item h2 {
        font-size: 18px;
        font-weight: 300;
        margin-top: 5px;
    }
</style>
<div class="customer-wrap">
    <div class="container">
        <div class="customer-main">
            <div class="customer-header">
                <h1>服务项目</h1>
            </div>
            <div class="customer-content">
                <div class="service-item">
                    <a href="javascript:void(0)" onclick="gosss()">
                            <img src="/_hongyanche/material/car.png" alt="">
                        <h2>车辆行驶轨迹查询</h2>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="weui-tab visible-xs">
    <div class="weui-tab__panel">

    </div>
    <div class="weui-tabbar">
        <!--<a href="#home" class="weui-tabbar__item">-->
        <!--<span style="display: inline-block;position: relative;">-->
        <!--<i class='i i-home_light'></i>-->
        <!--<i class='i i-home_fill_light'></i>-->
        <!--</span>-->
        <!--<p class="weui-tabbar__label">首页</p>-->
        <!--</a>-->
        <!--<a href="#mall" class="weui-tabbar__item">-->
        <!--<i class='i i-goods_new_light'></i>-->
        <!--<i class='i i-goods_new_fill_light'></i>-->
        <!--<p class="weui-tabbar__label">商城</p>-->
        <!--</a>-->
        <!-- <a href="#maintain" class="weui-tabbar__item">
            <i class='i i-we_light'></i>
            <i class='i i-we_fill_light'></i>
            <p class="weui-tabbar__label">维修保养</p>
        </a> -->
        <a href="#forum" class="weui-tabbar__item">
            <i class='i i-form_light'></i>
            <i class='i i-form_fill_light'></i>
            <p class="weui-tabbar__label">论坛</p>
        </a>
        <a href="#maintain_network" class="weui-tabbar__item">
            <i class='i i-search'></i>
            <i class='i i-my_fill_light'></i>
            <p class="weui-tabbar__label">网点查询</p>
        </a>
        <a href="#customer" class="weui-tabbar__item weui-bar__item_on">
            <i class="i i-location"></i>
            <i class="i i-my_fill_light"></i>
            <p class="weui-tabbar__label">用车</p>
        </a>
        <a href="#my" class="weui-tabbar__item">
            <i class='i i-my_light'></i>
            <i class='i i-my_fill_light'></i>
            <p class="weui-tabbar__label">我</p>
        </a>
    </div>
</div>
<script>
    var browser = {
        versions: function () {
            var u = navigator.userAgent, app = navigator.appVersion;
            return {
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
                weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
                qq: u.match(/\sQQ/i) == " qq" //是否QQ
            };
        }(),
        language: (navigator.browserLanguage || navigator.language).toLowerCase()
    };

    function gosss() {
        if(browser.versions.mobile||browser.versions.android||browser.versions.ios) {
            window.location.href = '/home/car_info'
        } else {
            window.location.href = '/home#customer_service';
        }
    }
</script>